<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动：环绕效果</title>
		<style>
			img{
				float: left;
				/*文字图片加间距*/
				margin: 30px;
			}
			p{
				font-size: 16px;
				line-height: 20px;
			}
		</style>
	</head>
	<body>
		<img src="img/贝利亚.png" width="300px" height="300px" alt="贝利亚">
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima velit enim voluptatem? Quos, quisquam ratione maiores adipisci facilis unde enim non delectus architecto numquam ad veritatis, deserunt quaerat perspiciatis quae.
		Lorem, ipsum dolor sit amet consectetur adipisicing elit. Esse eaque pariatur beatae laudantium cupiditate explicabo odio! Corrupti, quo tenetur inventore obcaecati illo nam voluptas aliquam autem earum, iure voluptatum similique?
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae deleniti, fuga molestiae officiis nulla, eveniet impedit repellendus hic explicabo quae iure nobis aspernatur doloribus fugiat nostrum. Ipsam aperiam et possimus.
		</p>
	</body>
</html>